/* Firefox fallback */
html {
  scrollbar-width: thin;
  scrollbar-color: #054321 #000000; /* thumb color, track color */
}

/* Chrome, Safari, Edge (WebKit-based) */
html::-webkit-scrollbar {
  width: 12px; /* vertical */
  height: 12px; /* horizontal */
}

html::-webkit-scrollbar-track {
  background: #000000; /* scrollbar background */
}

html::-webkit-scrollbar-thumb {
  background-color: #054321; /* thumb */
  border-radius: 10px;
  border: 2px solid #000000; /* gives spacing inside the track */
}

html::-webkit-scrollbar-thumb:hover {
  background: #033f1e;
}